<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
  <head>
    <title>${title}</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<jsp:include page="../../jsp/common/include.jsp"></jsp:include>
	<link href="<%=basePath%>resource/css/login.css" rel="stylesheet" />
	<script src="<%=basePath%>js/login.js"></script> 
	
  </head>
  <body>

	<div id="logo">
		<img src="<%=basePath%>resource/img/logo.png"   />
	</div>
	
	<div id="loginbox">
	
		<!-- ======登录div====== -->
		<form id="loginform" class="form-vertical" action="javascript:void(0);">
			<h3>欢迎您登录系统</h3>
			
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
  				 <input type="text" class="form-control" placeholder="Username">
			</div>
			
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  				 <input type="password" class="form-control" placeholder="Password">
			</div>
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-repeat"></i></span>
  				 <input type="text" class="form-control input-captcha" placeholder="验证码" style="width:80px">
  				  <span class="font-size-span">  <a href="javascript:void(0)">换一张</a></span>
			</div>
			
			<div class="input-group">
  				 <input type="checkbox">
  				 <span class="font-size-span"> 
  				 	<a href="javascript:void(0)">记住密码</a>
  				 </span>
  				 &nbsp;&nbsp;&nbsp;&nbsp;
  				 <span class="font-size-span"> 
  				 	<a href="javascript:void(0)"class="flip-link" id="to-recover">忘记密码</a>
  				 </span>
			</div>
			
			<div class="form-actions form-line-split">
				<span class="pull-center">
					<input type="reset" class="btn btn-primary" style="width: 116px;"  value="重置"  />
				</span>
				<span class="pull-center">
					<input type="submit" class="btn btn-primary" style="width: 116px;"value="登 录"  />
				</span>
			</div>
			
			
		</form>
		
		<!-- ======忘记密码div====== -->
		<form id="recoverform" action="javascript:void(0);" class="form-vertical">
			<p>请您填写Email,作为证据找回密码.</p>
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
 				 <input type="text"  class="form-control" placeholder="请输入E-mail" />
			</div>
			<div class="form-line-split">
				 <span class="pull-left">
                   		 <a href="javascript:void(0);" class="flip-link" id="to-login">
                   		 <input type="button" class="btn btn-primary" value="&lt;返回"/></a>
                 </span>
				<span class="pull-right">
					<input type="submit" class="btn btn-primary" value="确定" />
				</span>
			</div>
		</form>
	</div>


</body>
</html>
